
<section class="myincome">
    <!-- 标题 -->
    <div class="title-box">
        <h2><span>财务管理/</span>收支明细</h2>
    </div>
    <!-- 菜单输入 -->
    <div class="menu-box">
        <el-row>
          <el-col :span="6">
              <div class="block">
                <el-date-picker  align="right" type="date" placeholder="选择日期" >
                </el-date-picker>
              </div>
          </el-col>
          <el-col :span="6">
            <el-select v-model="value" placeholder="请选择">
              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </el-select>
          </el-col>
          <el-col :span="6">
            <el-input placeholder="请输入单据编号"></el-input>
          </el-col>
          <el-col :span="6">
            <el-button type="primary" icon="el-icon-search" class="menu-btn"></el-button>
          </el-col>
        </el-row>
    </div>
    <!-- 表格 -->
    <div class="table">
      <el-table :data="mylist" border style="width: 100%">
        <el-table-column prop="time" label="交易时间" >
        </el-table-column>
        <el-table-column prop="number" label="单据编号" width="180">
        </el-table-column>
        <el-table-column prop="type" label="单据类型">
        </el-table-column>
        <el-table-column prop="company" label="接收公司">
        </el-table-column>
        <el-table-column prop="price" label="金额">
        </el-table-column>
        <el-table-column prop="direction" label="方向">
        </el-table-column>
        <el-table-column prop="balance" label="余额">
        </el-table-column>
      </el-table>
    </div>
    <!-- 分页 -->
    <div class="page-box">
      <el-pagination  
        layout="prev, pager, next, jumper" :total="1000" class="mypage">
      </el-pagination>
    </div>
</section>

